@import './reset';  
@import './dimens.scss';
@import './colors.scss';

//文本最多两行展示
.text-line-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.z-index-max {
  z-index: 999;
}
.z-index-2 {
  z-index: 2;
}

// 三角形
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: px2rem(8) solid $mainColor;
  border-left: px2rem(6) solid transparent;
  border-right: px2rem(6) solid transparent;
}
// 遮盖层
.cover {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0,0,0,0.3);
}

// 单行文本
.single-row-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

//提交按钮
.page-commit {
  width: 90%;
  height: px2rem(46);
  line-height: px2rem(46);
  margin-left: 5%;
  display: block;
  background-color: $mainColor;
  border-radius: px2rem(50);
  font-size: $titleSize;
  color: white;
  text-align: center;
}

.input-container {
  height: px2rem(48);
  margin: $marginSize;
  overflow: hidden;
  margin-top: $marginSize;
  background: white;
  border-bottom: px2rem(1) solid $lineColor;
  box-sizing: border-box;

  input {
    width: 100%;
    height: 100%;
    font-size: $titleSize;
    outline: none;
    border: none;
  }
}